<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Polaroid Effect  with CSS</title>
  <link rel="stylesheet" href="./src/style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="wrapper">

  <div class="item">
    <div class="polaroid"><img src="./src/img/1.jpg">
      <div class="caption">I Miss London</div>
    </div>
  </div>

  <div class="item">
    <div class="polaroid"><img src="./src/img/2.jpg">
      <div class="caption">Love ballons</div>
    </div>
  </div>

  <div class="item">
    <div class="polaroid"><img src="./src/img/3.jpg">
      <div class="caption">Vintage life </div>
    </div>
  </div>

  <div class="item">
    <div class="polaroid"><img src="./src/img/4.jpg">
      <div class="caption">Summer Day</div>
    </div>
  </div>
  
  <div class="item">
    <div class="polaroid"><img src="./src/img/5.jpg">
      <div class="caption">Art</div>
    </div>
  </div>

</div>
<!-- partial -->
  <script  src="./src/script.js"></script>

</body>
</html>
